<ion-view hide-nav-bar="true" title="首页">
    <ion-content scroll="false" overflow-scroll="true">
        <div class="container">
            <div class="content">
                <ion-scroll direction="y" on-scroll="scrollFun()" delegate-handle="pageScroll" style="width: 100%;height: 100%;position: fixed;">
                <div style="width: 100%;height: 300px;">
                    <ion-slide-box on-slide-changed="slideChanged(index)" auto-play="true" slide-interval="3000" delegate-handle="slideimgs" does-continue="true">
                        <ion-slide>
                            <div class="bg-one"></div>
                        </ion-slide>
                        <ion-slide>
                            <div class="bg-two"></div>
                        </ion-slide>
                        <ion-slide>
                            <div class="bg-three"></div>
                        </ion-slide>
                    </ion-slide-box>
                </div>
                <div>
                    <div class="row">
                        <div class="col col-25 menu-div" ui-sref="entrust.parentEntrustList" style="color: rgba(46, 102, 173, 0.76);">
                            <i class="ion ion-android-clipboard"></i>
                            <p>家长嘱托</p>
                        </div>
                        <div class="col col-25 menu-div" ui-sref="memberMenu.albumIndex" style="color: rgba(255, 141, 41, 0.87);">
                            <i class="ion ion-android-star-outline"></i>
                            <p>精彩瞬间</p>
                        </div>
                        <div class="col col-25 menu-div" ui-sref="memberMenu.mine" style="color: rgba(35, 187, 125, 0.84);">
                            <i class="ion ion-android-contacts"></i>
                            <p>家庭信息</p>
                        </div>
                        <div class="col col-25 menu-div" ui-sref="classMenu.classNotice" style="color: rgba(119, 130, 125, 0.84);">
                            <i class="ion ion-calendar"></i>
                            <p>班级公告</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="row">
                        <div class="col col-25 menu-div" ui-sref="dynamic.index" style="color: rgba(255, 91, 91, 0.84);">
                            <i class="ion ion-android-globe"></i>
                            <p>班级圈子</p>
                        </div>
                        <div class="col col-25 menu-div" ui-sref="memberMenu.assessDetail" style="color: rgba(255, 91, 91, 0.84);">
                            <i class="ion ion-stats-bars"></i>
                            <p>宝宝数据</p>
                        </div>
                    </div>
                </div>
                <div class="item item-divider" style="line-height: 45px;color: #8C8C8C;">班主任留言</div>
                    <div>
                        <ul class="list">
                            <li class="item item-icon-right" ng-repeat="item in vm.exhortaions track by $index">
                                <div>
                                    <div class="data-content">
                                        <div class="data-content" ng-show="{{item.msgType == 'audio'}}">
                                            <audio src="{{item.msgAudioPath}}" controls></audio>
                                        </div>
                                        <div class="data-content" ng-show="{{item.msgType == 'text'}}">
                                            <p ng-text-truncate="item.msgContent" ng-tt-chars-threshold="40" ng-tt-more-label="查看更多" ng-tt-less-label="收起"></p>
                                        </div>

                                    </div>
                                    <div class="data-info">{{item.memberName}}&nbsp;&nbsp;{{item.createDate | date:'yyyy-MM-dd HH:mm'}}</div>
                                </div>
                            </li>
                        </ul>
                        <div class="load-more-btn" style="text-align: center;" ng-show="vm.loadMoreBtnStatus == false">
                            <p>下面没有更多的留言了</p>
                        </div>
                        <ion-infinite-scroll immediate-check="false" on-infinite="loadMoreMsg()" distance="20%" ng-show="vm.loadMoreBtnStatus"></ion-infinite-scroll>
                    </div>
                </ion-scroll>
            </div>
        </div>
    </ion-content>
</ion-view>